:host {
  @apply max-w-full flex-1;
}

.ngm-chatbi-cubes__mobile-closed {
  @apply hidden;
}
.ngm-chatbi-cubes__mobile-opened {
  @apply flex absolute top-0 left-0 w-full h-full z-10;
}

:host::ng-deep {
  .title {
    .ngm-select {
      display: inline-block;
      .mat-mdc-form-field-error {
        display: none;
      }
    }
  }

  &.full-screen {
    .container {
      @apply m-0 w-full max-w-full relative;
      .body {
        @apply absolute top-0 left-0 right-0 bottom-0;

        pac-chatbi-chat {
          @apply absolute top-0 left-0 right-0 bottom-0 m-0;

          .chat-content {
            @apply absolute top-0 left-0 right-0 bottom-0;
            .chat-content-flow {
              @apply absolute top-0 left-0 right-0 bottom-0 overflow-hidden m-0 max-w-full z-10;
            }
          }
        }
      }
    }
  }
}
